<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="//www.layuicdn.com/layui/css/layui.css" />
    <title>个人空间</title>
    <link rel="stylesheet" th:href="@{static/css/messageBoard.css}">
</head>
<body>
<div th:include="include.html"></div>


<!-- 发布留言的主体 -->
<div class="wrap">
    <div class="wrap-head">
        <div class="head-logo">
            <img src="img/xx.png" />
        </div>
        <div class="head-txt">
            <a class="title-txt" href="javascript:void(0)">置办年货省省省！红包在手年货无忧！点击领取年货红包&nbsp;&nbsp;&nbsp;热门微博</a>
        </div>
    </div>
    <div class="main-txt">
        <textarea name="" rows="" cols="" class="main-area"></textarea>
    </div>
    <div class="warp-footer">
        <div class="warp-icon-cont">
            <ul>
                <li><img src="img/wb1.png" alt="" />
                    <a href="javascript:void(0)">表情</a>
                </li>
                <li><img src="img/wb2.png" alt="" />
                    <a href="javascript:void(0)">图片</a>
                </li>
                <li><img src="img/wb3.png" alt="" />
                    <a href="javascript:void(0)">视频</a>
                </li>
                <li><img src="img/wb4.png" alt="" />
                    <a href="javascript:void(0)">话题</a>
                </li>
                <li><img src="img/wb5.png" alt="" />
                    <a href="javascript:void(0)">文章</a>
                </li>
            </ul>
        </div>
        <div class="warp-footer-btns">
            <div class="release-btn">
                <a href="javascript:void(0)">发布</a>
            </div>
        </div>
    </div>
</div>
<!-- 显示留言的主体 -->
<div class="show">
    <!-- <div class="show-content">
        <div class="show-name">Xx</div>
        <div class="show-txt">
            <p class="">这是内容</p>
        </div>
        <div class="show-time">2018年10月24日</div>
        <div class="show-close">x</div>
    </div> -->
</div>






<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script src="//www.layuicdn.com/layui/layui.js"></script>
<script th:src="@{static/js/messageBoard.js}"></script>
<script>
    //一般直接写在一个js文件中
    layui.use(['layer', 'form','element'], function(){
        var layer = layui.layer;
        var form = layui.form;
        var element = layui.element;

        // layer.msg('Hello World');
    });
</script>
</body>
</html>